.layout {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 0;
}
.layout-panel {
  position: absolute;
  overflow: hidden;
}
.layout-panel-east,
.layout-panel-west {
  z-index: 2;
}
.layout-panel-north,
.layout-panel-south {
  z-index: 3;
}
.layout-expand {
  position: absolute;
  padding: 0px;
  font-size: 1px;
  cursor: pointer;
  z-index: 1;
}
.layout-expand .panel-header,
.layout-expand .panel-body {
  background: transparent;
  filter: none;
  overflow: hidden;
}
.layout-expand .panel-header {
  border-bottom-width: 0px;
}
.layout-split-proxy-h,
.layout-split-proxy-v {
  position: absolute;
  font-size: 1px;
  display: none;
  z-index: 5;
}
.layout-split-proxy-h {
  width: 5px;
  cursor: e-resize;
}
.layout-split-proxy-v {
  height: 5px;
  cursor: n-resize;
}
.layout-mask {
  position: absolute;
  background: #fafafa;
  filter: alpha(opacity=10);
  opacity: 0.10;
  z-index: 4;
}
.layout-button-up {
  background: url('images/layout_arrows.png') no-repeat -16px -16px;
}
.layout-button-down {
  background: url('images/layout_arrows.png') no-repeat -16px 0;
}
.layout-button-left {
  background: url('images/layout_arrows.png') no-repeat 0 0;
}
.layout-button-right {
  background: url('images/layout_arrows.png') no-repeat 0 -16px;
}
.layout-split-proxy-h,
.layout-split-proxy-v {
  background-color: #859416;
}
.layout-split-north {
  border-bottom: 5px solid #fafafa;
}
.layout-split-south {
  border-top: 5px solid #fafafa;
}
.layout-split-east {
  border-left: 5px solid #fafafa;
}
.layout-split-west {
  border-right: 5px solid #fafafa;
}
.layout-expand {
  background-color: #f1f1f1;
}
.layout-expand-over {
  background-color: #e5f0c9;
}

//add by gh
.panel.layout-panel{
  .panel-header{
    padding: 0;
    // border: 0;
    // background: transparent;
    .panel-title{
      height: 30px;
      line-height: 30px;
      background: transparent;
      color: #4bd3ff;
      font-size: 14px;
      padding-left: 20px;
      text-indent: 10px;
      &:before {
        position: absolute;
        left: 0;
        top: 2px;
        content:url(images/title_before.png)
      }
    }
  }
  .layout-body{
    border: 0;
    background: transparent;
  }
}

.layout-split-north {
  border-bottom: 5px solid transparent;
}
.layout-split-south {
  border-top: 5px solid transparent;
}
.layout-split-east {
  border-left: 5px solid transparent;
}
.layout-split-west {
  border-right: 5px solid transparent;
}

.layout-split-proxy-h, .layout-split-proxy-v{
  background: transparent;
}

.panel.layout-panel .panel-header .panel-title.panel-with-icon:before{
  content: "";
}

.easyui-layout.layout{
  .panel.layout-panel.layout-panel-east,.panel.layout-panel.layout-panel-west{
    // border: 1px solid #0eb4e8;
    background-image: url(images/new/panel_body_bg.png);
    background-size:100% 100%;
    background-repeat: no-repeat;
  }
}

.panel.layout-expand.layout-expand-east,.panel.layout-expand.layout-expand-west{
  border: 1px solid rgb(16, 165, 212);
  background-color: transparent;
}

.panel.layout-expand{
  border: 1px solid rgb(16, 165, 212);
  background-color: transparent;
}